前言
基於對 JavaScript 基礎知識不足,希望藉由像鐵人賽這樣每天一篇文的方式,寫技術文章讓自己能更進步。
在 JavaScript 裡,當想要選取一個 id 渲染到網頁上時,可以使用下面的語法:document.getElementById('');
假使今天想要選取一個 id 且為title,則可以這樣寫:document.getElementById('title');
接下來介紹一個新增文字的方式,再選取完一個 id 且為title時,想渲染一些文字時,可以如下:document.getElementById('title').textContent = '這是一段文字';
綜合上面,假使今天的 Html 如下:
<p id="test">文字1</p>
<script>
document.getElementById('test').textContent="修改後的標題";
</script>
則輸出後,會變成:
<p id="test">修改後的標題</p>
謝謝分享。
很多人會使用 innerHTML 來做文字的渲染
但是用 textContent 在很多情況來說真的比較安全
innerHTML 比較容易被串改資料,固較危險。